<template>
  
    <view class="card">
        <view class="header">
            <uni-section v-if="props.title" :title="props.title" type="line"> </uni-section>
            <view class="slot-right">
                <slot name="right"></slot>
            </view>
        </view>
        <slot></slot>
    </view>
    
</template>

<script setup>
import { reactive, ref } from 'vue'

const props=defineProps(['title'])


</script>

<style lang="scss">
.card {
    padding: 20rpx 20rpx 50rpx;
    background: white;
    width: 85vw;
    margin: auto;
    border-radius: 20rpx;
    margin-bottom: 26rpx;
    position: relative;
}
.header {
    position: relative;
}
.slot-right {
    position: absolute;
    right: 20rpx;
    top: 20rpx;
    z-index: 1;
    line-height: 1;
}
</style>
